@charset "utf-8";
* { margin:0; padding:0; }
@font-face {
    font-family: 'xNanumGothic';

    font-style: normal;
    font-weight: normal;
    src: local('NanumGothic'),  local('나눔고딕'), url('https://commondatastorage.googleapis.com/fontfacekr-fonts/NanumGothic.woff') format('woff');

}
*:lang(ko-kr) {
	font-family:NanumGothic; font-size:13px;
}
html, body { margin:0px; padding:0px; font-family:NanumGothic,'Open Sans Condensed',sans-serif; font-size:13px; color:#666; line-height:16px; }
img, fieldset { border:0px; }
legend { visibility:hidden; height:0px; width:0px; line-height:0; _text-indent:-10px; font-size:0px; }
table { border-collapse:collapse; }
textarea {padding:3px 0 1px 3px;  border:1px solid #ccc; font-family:NanumGothic;}
select, img { vertical-align:middle;}
ul, ol { list-style-type:none; }
dt, dd, h1 ,h2, h3, h4 { padding:0px; margin:0px; }
hr { display: none; }

p {
white-space:pre-wrap;
white-space:-moz-pre-wrap;
white-space:-pre-wrap;
white-space:-o-pre-wrap;
word-wrap:break-word;
}
.fblue { color:blue; text-decoration:none; }
.fred { color:red; text-decoration:none; }
.fgreen { font-weight:bold; color:#692; text-decoration:none; }
.fyellow { color:yellow; text-decoration:none; }
.callBlue { font-weight:bold; color:blue; text-decoration:none; }

a, a:link, a:visited, a:active { color:#666; text-decoration:none; }
a:hover { color:#666; text-decoration:none; }

<!-- color -->
.cblue { color:#0000ff; }

.clfix:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.clfix {display: inline-block;}
.clfix {display: block;}
* html .clfix {height: 1%;} /* Hides from IE-mac */
.clfix { zoom:1; } /*for IE 5.5-7*/

.fl { float:left !important; }
.fr { float:right !important; }
.cl { clear:both; }
.rel { position:relative; }
.ac { text-align:center !important; }
.ar { text-align:right !important; }
.al { text-align:left !important; }
.at { vertical-align:top !important; }
.am { vertical-align:middle !important; }
.ab { vertical-align:bottom; }
.hand { cursor:pointer; }
.hand2 { cursor:pointer;
		 font-family: "돋음", "Arial";
		 color:blue;
		 font-size : 18px;
		 font : bold;
	   }
.bgnone { background:none !important; }
.brnone { border:none !important; }
.b { font-weight:bold !important; }
.n { font-weight:normal !important;  }
.png24 { tmp:expression(setPng24(this)) } /* ie6 png */
.invisible{overflow:hidden; visibility:hidden; width:0; height:0; font-size:0; line-height:0;}
#skip{height:0; line-height:0; font-size:0; text-indent:-1000px;}
caption, legend,  #skipNavi { width:0; height:0; line-height:0; overflow:hidden; visibility:hidden; font-size:0; }

/* */

.submit input, .button, .button-primary, .button-secondary, input[type=button], input[type=submit] {
	font: normal 12px/16px sans-serif;
	text-decoration: none;
	padding: 2px 8px !important;
	cursor: pointer;
	border: 1px solid #bbb;
	-moz-border-radius: 11px;
	-khtml-border-radius: 11px;
	-webkit-border-radius: 11px;
	border-radius: 11px;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	-khtml-box-sizing: content-box;
	box-sizing: content-box;
	color: #464646;
	text-shadow: rgba(255,255,255,1) 0 1px 0;
}

.button a, .button-secondary a {
	font-weight: normal !important;
}

.submit input:hover, .button:hover, .button-secondary:hover, input[type=button]:hover, input[type=submit]:hover {
	color: #000;
	border-color: #666;
}

.submit input, .button, .button-secondary, input[type=button], input[type=submit] {
	background: #f2f2f2 url(/biz/resources/images/fax/white-grad.png) repeat-x scroll left top;
}

.submit input:active, .button:active, .button-secondary:active, input[type=button]:active, input[type=submit]:active {
	background: #eee url(/biz/resources/images/fax/white-grad.png) repeat-x scroll left bottom;
}

.button-primary {
	border-color: #298cba !important;
	font-weight: bold;
	color: #FFF !important;
	background: #21759B url(/biz/resources/images/fax/button-grad.png) repeat-x scroll left top;
	text-shadow: rgba(0,0,0,0.3) 0 -1px 0;
}

.button-primary:hover {
	border-color: #13455b !important;
	color: #EAF2FA !important;
}

.button-primary:active {
	background: #21759b url(/biz/resources/images/fax/button-grad.png) repeat-x scroll left bottom !important;
}

/* 여백 */
.m0 { margin:0px !important; }
.mt0 { margin-top:0px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt25 { margin-top:25px !important; }
.mb0 { margin-bottom:0px !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb25 { margin-bottom:25px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }

h1 {padding:25px 0 0 30px; font-size:0; line-height:0;}
h3 {padding: 0 0 1px 0;}

.pagenavi{margin:10px 0 0 0;}

.login{float:right; height:30px; zoom:1;}
.login:after {content: "."; display: block; height: 0px; clear: both; visibility: hidden;}
.login li{float:left; margin-right:10px;}

/* layout */
#wrap {width:1250px; margin:0 auto;}
#subWrap {clear:both; width:1250px; margin:0 auto;}
#navi { float:left; height:30px; width:200px; margin-top:5px;}
#subject { float:left; height:30px; margin-left: 4px; margin-top:5px;}
#navi ul li{float:left; margin-left:10px;}
#login_info {float:right; height:30px; margin-top:5px;}

/* gnb */

/*lnb */

/* footer */
#footer {text-align:center; clear:both;}
/* title */


/* left */
#left{position:relative; float:left; width:200px; height:100%;}

/* callLeft */
#callLeft{position:relative; float:left; width:170px; height:500px;}

/* content */
#content-left{min-width:1050px; width:1050px; float:left;}

#content-Call{min-width:1250px; width:1250px; float:left;}




/* tab */




/* btn */

.r-btn{text-align:right; margin:10px 0 0 0;}


/* list */
.item {cursor:pointer;}


/* form */

fieldset.frm-search {text-align:left;}
    fieldset.frm-search * {vertical-align:top;}
    fieldset.frm-search input {*margin-top:-2px;}

/* box */




/* table */

table.tbl-search{width:100%; margin-top:2px; text-align:center; border-top:2px solid #6cc6e9; border-bottom:1px solid #6cc6e9; table-layout:fixed;}
	table.tbl-search thead th{height:34px; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background-color:#f9f9f9;}
	table.tbl-search tbody th{height:34px; padding:0 0 0 17px; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3; background-color:#f9f9f9; text-align:left;}
	table.tbl-search td{padding:2px; color:#707070; border-right:1px solid #e3e3e3;  border-top:1px solid #e3e3e3; word-wrap:break-word;}
	table.tbl-search td.subject{padding-left:9px; text-align:left;}
	table.tbl-search .bnone{border-right:none;}

table.tbl-list{width:100%; margin-top:2px; text-align:center; border-top:2px solid #6cc6e9; border-bottom:1px solid #6cc6e9; table-layout:fixed;}
	table.tbl-list thead th{height:34px; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background-color:#f9f9f9;}
	table.tbl-list tbody th{height:24px; padding:0 0 0 4px; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3; background-color:#f9f9f9; text-align:left;}
	table.tbl-list td{padding:5px; color:#707070; border-right:1px solid #e3e3e3;  border-top:1px solid #e3e3e3; word-wrap:break-word; text-align:center;}
	table.tbl-list td.subject{padding-left:9px; text-align:left;}
	table.tbl-list tr.sel{background-color:#fff8b4;}
	table.tbl-list tr.cancel{color:#a3a3a3;}
table.tbl-list .bnone{border-right:none;}

table.tbl-left{width:100%; margin-top:2px; text-align:center; border-top:2px solid #838383; border-bottom:1px solid #a3a3a3; table-layout:fixed;}
	table.tbl-left thead th{height:34px; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background-color:#f9f9f9;}
	table.tbl-left tbody th{height:24px; padding:0 0 0 2px; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3; background-color:#f9f9f9; text-align:left;}
	table.tbl-left td{padding:2px; color:#707070; border-right:1px solid #e3e3e3;  border-top:1px solid #e3e3e3; word-wrap:break-word; text-align:left;}
	table.tbl-left td.subject{padding-left:9px; text-align:left;}
	table.tbl-left .bnone{border-right:none;}

table.tbl-right{width:100%; margin-top:2px; text-align:center; border-top:2px solid #838383; border-bottom:1px solid #a3a3a3; table-layout:fixed;}
	table.tbl-right thead th{height:34px; border-right:1px solid #e3e3e3; border-bottom:1px solid #e3e3e3; background-color:#f9f9f9;}
	table.tbl-right tbody th{height:24px; padding:0 0 0 2px; border-right:1px solid #e3e3e3; border-top:1px solid #e3e3e3; background-color:#f9f9f9; text-align:right;}
	table.tbl-right td{padding:2px; color:#707070; border-right:1px solid #e3e3e3;  border-top:1px solid #e3e3e3; word-wrap:break-word; text-align:right;}
	table.tbl-right td.subject{padding-right:9px; text-align:right;}
	table.tbl-right .bnone{border-right:none;}

table.tbl-btn-left{width:100%; text-align:left; table-layout:fixed;}
	table.tbl-btn-left td{float:left; padding:7px; color:#707070; word-wrap:break-word; text-align:left;}
	table.tbl-btn-left .bnone{border-right:none;}

table.tbl-btn-right{width:100%; text-align:right; table-layout:fixed;}
	table.tbl-btn-right td{float:right; padding:7px; color:#707070; word-wrap:break-word; text-align:right;}
	table.tbl-btn-right .bnone{border-right:none;}

table.tbl-btn-center{width:100%; text-align:center; table-layout:fixed;}
	table.tbl-btn-right td{float:center; padding:7px; color:#707070; word-wrap:break-word; text-align:center;}
	table.tbl-btn-right .bnone{border-right:none;}
	
/* docs tab
background-color:#6A6A6A; 
*/
#docs_header {
	float:left; min-width: 1040px; _height: 1px; margin: 0 5px 0 5px; _margin: 0 5px 0 980px; z-index: 2; display: block; min-height: 1px;
background-color:#6A6A6A; 
_background:-webkit-linear-gradient(left, rgba(150, 150, 150, 0.2), /* COLOR_NTP_SECTION_BORDER */ rgba(150, 150, 150, 0.3) 20%, /* COLOR_NTP_SECTION_BORDER */ rgba(150, 150, 150, 0.3) 80%, /* COLOR_NTP_SECTION_BORDER */ rgba(150, 150, 150, 0.2));
}

#docs_header #docsTab {
	background-color:#ffffff; 
float: left; height: 1000px; width: 88px; margin: 0 2px 0 0;
_background:-webkit-linear-gradient(left, rgba(150, 150, 150, 0.2), /* COLOR_NTP_SECTION_BORDER */ rgba(150, 150, 150, 0.3) 20%, /* COLOR_NTP_SECTION_BORDER */ rgba(150, 150, 150, 0.3) 80%, /* COLOR_NTP_SECTION_BORDER */ rgba(150, 150, 150, 0.2));

}
#docs_header #docsTab ul{
	background-color:#ffffff;
	clear:both; width:90px; margin-top:5px; padding-top: 1px;}
#docs_header #docsTab ul .doc_tab{
padding:12px 0 0 8px; clear:both; width:80px; height:28px;
_background:-webkit-linear-gradient(left, rgba(150, 150, 150, 0.2), /* COLOR_NTP_SECTION_BORDER */ rgba(150, 150, 150, 0.3) 20%, /* COLOR_NTP_SECTION_BORDER */ rgba(150, 150, 150, 0.3) 80%, /* COLOR_NTP_SECTION_BORDER */ rgba(150, 150, 150, 0.2));
background-image:-webkit-linear-gradient( rgba(242, 242, 242, 0.9), rgba(222, 222, 222, 0.9));
}
#docs_header #docsTab ul .sel{
padding:12px 0 0 8px; clear:both; width:80px; height:28px;
_background:-webkit-linear-gradient(left, rgba(150, 150, 150, 0.2), /* COLOR_NTP_SECTION_BORDER */ rgba(150, 150, 150, 0.3) 20%, /* COLOR_NTP_SECTION_BORDER */ rgba(150, 150, 150, 0.3) 80%, /* COLOR_NTP_SECTION_BORDER */ rgba(150, 150, 150, 0.2));
background-image:-webkit-linear-gradient( rgba(220, 238, 252, 0.9), rgba(158, 208, 245, 0.9));
}

#docs_header #docsDoc {float: left; background-color:#ffffff; top: 2px; height: 1000px; width: 600px;}
#docs_header #docsImg {float: left; background-color:#ffffff; top: 2px; height: 1000px; width: 600px;}
#docs_header #docsImg img {width: 600px;}

#docs_header #docsCheck {float: left; background-color:#ffffff; top: 2px; height: 1000px; width: 348px; margin: 0 0 0 1px;}
#docs_header #docsCall {float: left; background-color:#ffffff; top: 2px; height: 1000px; width: 547px; margin: 0 0 0 1px;}

.mdivChklist{position:absolute}



